$(function(){

    //TinyMCE
    $('textarea.tinymce').tinymce({
        // Location of TinyMCE script
        script_url : 'javascript/tiny_mce/tiny_mce.js',

        // General options
        theme : "advanced",
        plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example content CSS (should be your site CSS)
        content_css : "css/content.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    });

    //Thêm ảnh
    $('#select_img').click(function(){
        addImage();
        $('#popup_wrapper_add_image').show();
        $('#submit_order').toggle();
        $('.add_picture').css('z-index', '0');
    });

    $('#button_add_image').click(function(){
        $('#submit_order').toggle();
        $('#images_wrapper img').remove();
        $('#images_wrapper input').hide();
        $('.add_picture').css('z-index', '1');
    });

    $('#button_cancel_add_image').click(function(){
        $('#popup_wrapper_add_image').hide();
        $('#submit_order').toggle();
    });

    $('#time').datetimepicker({
        controlType: 'select',
        dateFormat: 'dd-mm-yy',
        timeFormat: 'HH:mm:ss',
        minDateTime: 0
    });

    /*Hiện ẩn popup*/
    $('.edit-bt').click(function(){
        $('#edit-popup').show();
        deal = $('#deal');

        //Xóa dữ liệu ở các ô nhập để chuẩn bị cho tìm kiếm mới
        deal.html('');
        $('#td_order').html('');
        $('#deal2').html('');

        //key là id của prior_hotel cần thay đổi
        var key = parseInt($(this).attr('data-key'));
        var ok = $('#ok');
        ok.attr('data-key', key);

        //data-val=hotel thì chọn khách sạn, =deal là bảng chọn deal, =promotion là bảng chọn khuyến mãi
        var val = $(this).attr('data-val');
        ok.attr('data-val', val);
        if (val == 'hotel'){
            deal.attr('id','deal2');
        }
    });

    $('#close').click(function(){
        $('#edit-popup').hide();
    });

    /*Search khách sạn*/
    $('#search_hotel').live('click',function () {
        $('#deal').html('');
        $('#deal2').html('');
        $('#notification').val('');
        var key = $('#keyword_hotel').val();
        $.post(
            'ajax.php?act=home&code=search_hotel_order',
            {
                keyword:key
            },
            function (hotel) {
                if (hotel == 'not_login') {
                    alert('Bạn chưa đăng nhập.');
                } else {
                    if (hotel == 'no_result') {
                        $('#notification').html('0 kết quả');
                    } else {
                        $('#td_order').html(hotel);
                    }
                }
            }
        );
        $('.chon_room').show();
    });

    /*Hiện deal khi chọn khách sạn*/
    $('.hotelselect').change(function(){
        var hotel = parseInt($('#order').val());
        var type = $('#ok').attr('data-val');
        $.post(
            'ajax.php?act=location&code=getItem',
            {
                hotel:hotel,
                type:type
            },
            function (data) {
                $('#deal').html(data);
            }
        );
    });

    /*Set deal khi bấm ok*/
    $('#ok').click(function(){
        var key = parseInt($(this).attr('data-key'));
        var type = $(this).attr('data-val');
        var add_deal = $('#add_deal');
        var add_promotion = $('#add_promotion');
        var val = parseInt($('#deal_select').val());

        text = '<li class="item item_'+ type +'" data-key="'+ val +'"><a class="remove_item" data-val="' + type + '" data-key="' + val + '" href="javascript:void(0)">Bỏ</a> ';
        text += $("#order option:selected").text();
        text += ' - ';
        text += $("#deal_select option:selected").text();
        text += '</br>';

        if (type == 'deal'){
            val1 = add_deal.val();
            if (val1 != ''){
                add_deal.val(val1 + ',' + val);
            }else{
                add_deal.val(val);
            }
            $('#list-deal').append(text);
            $('.remove_item').click(function(){
                var id = $(this).attr('data-key');
                var type = $(this).attr('data-val');
                removeItem(id, type);
                $(this).parent().remove();
            });

        } else if (type == 'promotion'){
            val2 = add_promotion.val();
            if (val2 != ''){
                add_promotion.val(val2 + ',' + val);
            }else{
                add_promotion.val(val);
            }
            $('#list-promotion').append(text);
            $('.remove_item').click(function(){
                var id = $(this).attr('data-key');
                var type = $(this).attr('data-val');
                removeItem(id, type);
                $(this).parent().remove();
            });
        } else if (type == 'hotel') {
            val = parseInt($('#order').val());
        }
        $('#edit-popup').hide();

    });

    /*Xóa vị trí*/
    $('.delete-bt').click(function(){
        if (confirm("Bạn thực sự muốn xóa?")) {
            var key = parseInt($(this).attr('data-key'));
            var val = 0;
            $.post(
                'ajax.php?act=location&code=setItem',
                {
                    key:key,
                    val:val
                },
                function (data) {
                    if (data != false){
                        $('#name_'+key).html(data);
                    }else{
                        alert('Có lỗi, vui lòng thực hiện lại !');
                    }
                }
            );
            $('#edit-popup').hide();
        }
    });

    $('.remove_item').click(function(){
        var id = $(this).attr('data-key');
        var type = $(this).attr('data-val');
        removeItem(id, type);
        var wrapper = $(this).parent();
        wrapper.remove();
    });

    function removeItem(id, type) {
        var image;
        if (type == 'deal'){
            images = jQuery("#add_deal");
        }else{
            images = jQuery("#add_promotion");
        }
        var img_val = images.val();
        if(img_val){
            if(img_val==id)
                images.val("");
            else {
                var img_ids = img_val.split(",");
                var img_index = img_ids.indexOf(id.toString());
                if(img_index!=-1) {
                    img_ids.splice(img_index,1);
                    images.val(img_ids.join());
                }
            }
        }
    }

    jQuery("#list-promotion").sortable({
        items: 'li.item_promotion',
        update: function(event, ui) {
            var item = jQuery('li.item_promotion');
            var listId = '';
            for(var i = 0; i<item.length; i++) {
                listId += jQuery(item[i]).attr('data-key');
                if (i+1 != item.length){
                    listId += ',';
                }
            }
            jQuery('#add_promotion').val(listId);
        }
    });

    jQuery("#list-deal").sortable({
        items: 'li.item_deal',
        update: function(event, ui) {
            var item = jQuery('li.item_deal');
            var listId = '';
            for(var i = 0; i<item.length; i++) {
                listId += jQuery(item[i]).attr('data-key');
                if (i+1 != item.length){
                    listId += ',';
                }
            }
            jQuery('#add_deal').val(listId);
        }
    });
});